<template>
	<!-- 每一项盒子 -->
	<view class="flow">
		<text class="flow-text">周转物资</text>
		<view class="content">
			
			<turnoverPage />
			<materialRental />
			<appliceTermine />
			<compenseGoods />
		</view>
		<!-- <text class="flow-text">店铺活动</text>
		<view class="content">
			<shopTasting></shopTasting>
			<DepreciatePromotionCard />
			<fullGiftCard />
		</view> -->
	</view>
</template>

<script>
	
	import turnoverPage from "./turnover-page/turnoverPage.vue";//物资台账
	import materialRental from "./material-rental/materialRental.vue";//物资租赁申请
	import appliceTermine from "./applice-termination/appliceTerminaton.vue";//物资退租申请
	import compenseGoods from "./compensation-goods/compensationGoods.vue";//买赔申请
	export default {
		components: {
			// 卡片
			turnoverPage,
			materialRental,
			appliceTermine,
			compenseGoods
		},

	}
</script>

<style lang="scss">
	//	流量活动
	.flow {
		margin-top: 20px;

		// 流量活动标题
		.flow-text {
			font-size: 33rpx;
			font-weight: 600;
		}

		//	内容
		.content {
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			margin-top: 20px;
		}
	}
</style>